﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="CheckoutStep1.aspx.cs" Inherits="CheckoutStep1" %>

 
<!DOCTYPE html>
<!--[if lt IE 8]>      <html class="no-js lt-ie10 lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie10 lt-ie9"> <![endif]-->
<!--[if IE 9]>         <html class="no-js lt-ie10"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
  <head>
    <meta charset="utf-8" />
    <title>Giỏ hàng | Gia Tuệ Shop</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="" />
    <meta name="author" content="ProteusThemes" />

    <!--  Google Fonts  -->
    <link href='http://fonts.googleapis.com/css?family=Pacifico|Open+Sans:400,700,400italic,700italic&amp;subset=latin,latin-ext,greek' rel='stylesheet' type='text/css' />
    
    <!-- Twitter Bootstrap -->
    <link href="stylesheets/bootstrap.css" rel="stylesheet" />
    <link href="stylesheets/responsive.css" rel="stylesheet" />
    <!-- Slider Revolution -->
    <link rel="stylesheet" href="js/rs-plugin/css/settings.css" type="text/css" />
    <!-- jQuery UI -->
    <link rel="stylesheet" href="js/jquery-ui-1.10.3/css/smoothness/jquery-ui-1.10.3.custom.min.css" type="text/css" />
    <!-- PrettyPhoto -->
    <link rel="stylesheet" href="js/prettyphoto/css/prettyPhoto.css" type="text/css" />
    <!-- main styles -->
     
    <link href="stylesheets/main.css" rel="stylesheet" />
     
    

    <!-- Modernizr -->
    <script src="js/modernizr.custom.56918.js"></script>    

    <!-- Fav and touch icons -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/apple-touch/144.png" />
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/apple-touch/114.png" />
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/apple-touch/72.png" />
    <link rel="apple-touch-icon-precomposed" href="images/apple-touch/57.png" />
    <link rel="shortcut icon" href="images/apple-touch/57.png" />
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>

   
  <body class="checkout-page">
   
    
     
    
    
    <div class="container">
        <div class="row">
            
            <!--  ==========  -->
            <!--  = Main content =  -->
            <!--  ==========  -->
            <section class="span12">
                
                <div class="checkout-container">
                    <div class="row">
                    	<div class="span10 offset1">
                    	    
                    	    <!--  ==========  -->
							<!--  = Header =  -->
							<!--  ==========  -->
                    		<header>
                    		    <div class="row">
                    		    	<div class="span2">
                    		    		<a href="/"><img src="images/logo-bw.png" alt="Webmarket Logo" width="48" height="48" /></a>
                    		    	</div>
                    		    	<div class="span6">
                    		    	    <div class="center-align">
                    		    	        <h1><span class="light">Sản phẩm trong</span> Giỏ hàng</h1>
                    		    	    </div>
                    		    	</div>
                    		    </div>
                    		</header>
                    		
                    		<!--  ==========  -->
				<!--  = Steps =  -->
				<!--  ==========  -->
                    		<div class="checkout-steps">
                    		    <div class="clearfix">
                    		    	<div class="step active">
                    		    	    <div class="step-badge">1</div>
                    		    	    <a href="/checkout-step-1.aspx">Giỏ hàng</a>
                    		    	</div>
                    		    	<div class="step">
                    		    	    <div class="step-badge">2</div>
                    		    	    Thông tin khách hàng
                    		    	</div>
                    		    	<div class="step">
                                        <div class="step-badge">3</div>
                                        Xác nhận đơn hàng
                                    </div>
                    		    	<div class="step">
                    		    	    <div class="step-badge">4</div>
                    		    	    Hoàn tất
                    		    	</div>
                    		    </div>
                    		</div> <!-- /steps -->
                    		
                    		<!--  ==========  -->
							<!--  = Selected Items =  -->
							<!--  ==========  -->
							<table class="table table-items">
							    <thead>
							    	<tr>
							    		<th colspan="2">Sản phẩm</th>
							    		<th><div class="align-center">Số lượng</div></th>
                                        <th><div class="align-center">Thuế</div></th>
                                        <th><div class="align-center">Phí dịch vụ</div></th>
							    		<th><div class="align-right">Thành tiền</div></th>
							    	</tr>
							    </thead>
							    <tbody>
							         <asp:Repeater ID="listProductCart" runat="server" 
                                         onitemdatabound="listProductCart_ItemDataBound">
                                        <ItemTemplate>
                                            <tr>
							        	        <td class="image"><img src='/Images/Product/big/<%#Eval("Image_01") %>' alt="" width="124" height="124" /></td>
							        	        <td class="desc"><%#Eval("Name") %> &nbsp; <a title="Remove Item" class="icon-remove-sign" href="#"></a></td>
							        	        <td class="qty">
							        	            <input type="text" class="tiny-size" value='<%#Eval("Quantity").ToString()%>' />
					            	            </td>
                                                <td class="vat"><asp:Literal ID="ltSize" Text='<%#Eval("Size").ToString()%>' runat="server" /></td>
                                                <td class="service-fee"><asp:Literal ID="ltColor" Text='<%#Eval("Colour").ToString()%>' runat="server" /></td>
							        	        <td class="price">
							        	            <%#String.Format("$ {0:0,0}", ((MyShopCart)Session["shop"]).GetCostQty(Eval("Id").ToString(), Convert.ToInt32(Eval("Size")), Convert.ToInt32(Eval("Colour"))))%>
							        	        </td>
							                </tr>
                                        </ItemTemplate>
                                     </asp:Repeater>
							        <tr>
							        	<td colspan="4" rowspan="2">
							        	    <div class="alert alert-info">
                                            	Đơn giá sản phẩm có thể thay đổi theo website chính thức. Trị giá đơn hàng là tạm tính và chưa bao gồm phí vận chuyển. <a href="#">Xem thêm hướng dẫn</a>.
                                            </div>
							        	</td>
							        </tr>
							        <tr>
							        	<td class="stronger">Tạm tính: </td>
							        	<td class="stronger"><div class="size-16 align-right">$357.81</div></td>
							        </tr>
							    </tbody>
							</table>
							
							<hr />
							
							<p class="right-align">
							    Quý khách hàng kiểm tra kỹ giỏ hàng trước khi tiếp tục.&nbsp; &nbsp;
							    <a href="/checkout-step-2.aspx" class="btn btn-primary higher bold">TIẾP TỤC	</a>
							</p>
                    	</div>
                    </div>
                </div>
                
                
            </section> <!-- /main content -->
        
        </div>
    </div> <!-- /container -->
    
     
    
     
    


    <!--  ==========  -->
    <!--  = JavaScript =  -->
    <!--  ==========  -->
    
    <!--  = FB =  -->
    
    <div id="fb-root"></div>
    <script>        (function (d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) return;
            js = d.createElement(s); js.id = id;
            js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=126780447403102";
            fjs.parentNode.insertBefore(js, fjs);
        } (document, 'script', 'facebook-jssdk'));</script>
    
    
    <!--  = jQuery - CDN with local fallback =  -->
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript">
        if (typeof jQuery == 'undefined') {
            document.write('<script src="js/jquery.min.js"><\/script>');
        }
    </script>
    
    <!--  = _ =  -->
    <script src="js/underscore/underscore-min.js" type="text/javascript"></script>
    
    <!--  = Bootstrap =  -->
    <script src="js/bootstrap.min.js" type="text/javascript"></script>
    
    <!--  = Slider Revolution =  -->
    <script src="js/rs-plugin/pluginsources/jquery.themepunch.plugins.min.js" type="text/javascript"></script>
    <script src="js/rs-plugin/js/jquery.themepunch.revolution.min.js" type="text/javascript"></script>
    
    <!--  = CarouFredSel =  -->
    <script src="js/jquery.carouFredSel-6.2.1-packed.js" type="text/javascript"></script>
    
    <!--  = jQuery UI =  -->
    <script src="js/jquery-ui-1.10.3/js/jquery-ui-1.10.3.custom.min.js" type="text/javascript"></script>
    <script src="js/jquery-ui-1.10.3/touch-fix.min.js" type="text/javascript"></script>
    
    <!--  = Isotope =  -->
    <script src="js/isotope/jquery.isotope.min.js" type="text/javascript"></script>
    
    <!--  = Tour =  -->
    <script src="js/bootstrap-tour/build/js/bootstrap-tour.min.js" type="text/javascript"></script>
    
    <!--  = PrettyPhoto =  -->
    <script src="js/prettyphoto/js/jquery.prettyPhoto.js" type="text/javascript"></script>
    
    <!--  = Google Maps API =  -->
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?key=AIzaSyDvMjN1g49P1MA2Onsj-GulDkmDuuH6aoU&amp;sensor=false"></script>
    <script type="text/javascript" src="js/goMap/js/jquery.gomap-1.3.2.min.js"></script>
    
    <!--  = Custom JS =  -->
    <script src="js/custom.js" type="text/javascript"></script>

  </body>
</html>

    
    
